<template>
	<div class="flex-center-center" style="height:100%;user-select: none;">
		<div>
			<img src="../../assets/404.png" style="width:500px;" />
			<div class="msg-404">糟糕，页面走丢了！</div>
			<div class="flex-center-center" style="margin-top:20px;">
				<el-button @click="goHome"
									round>返回首页</el-button>
			</div>
		</div>
	</div>
</template>
<script>
export default {
	name: 'NotFound',
	methods: {
		goHome () {
			this.$router.push({ path: '/' })
		}
	}
}
</script>
<style scoped>
.msg-404 {
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: #4d4d4d;
}
</style>